<template>
  <view class="flex justify-center fs24 agree">
    {{ isChecked }}
    <u-checkbox activeColor="#1FB0AD" v-model="isChecked" shape="circle" @change="checkboxChange"></u-checkbox>
    <text class="text-666">我已阅读并同意懂鲜帝平台的</text>
    <text class="text-blue">《用户协议》</text>
    <text class="text-666">和</text>
    <text class="text-blue">《隐私政策》</text>
  </view>
</template>
<script>
export default {
  props: {
    value: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    isChecked: {
      get() {
        return this.value
      },
      set(val) {
        this.$emit('input', val)
      }
    }
  },
  methods: {
    checkboxChange(val) {
      this.isChecked = val
    },
  },
  data() {
    return {}
  }
}
</script>
<style scoped>
.agree {
  margin-bottom: 367rpx;
}
</style>